<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>我的导航站</title>
    <!-- 引入Font Awesome图标库 -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        /* 之前的样式保持不变 */
        body {
            background-color: #f0f8ff;
            font-family: Arial, sans-serif;
            text-align: center;
            padding-top: 50px;
        }
        h1 {
            color: #333;
        }
        .nav-links {
            list-style-type: none;
            padding: 0;
        }
        .nav-links li {
            margin: 15px 0;
        }
        .nav-links a {
            text-decoration: none;
            color: #ffffff;
            background-color: #4CAF50;
            padding: 10px 20px;
            border-radius: 5px;
            font-size: 18px;
            transition: background-color 0.3s;
        }
        .nav-links a:hover {
            background-color: #45a049;
        }
        .nav-links a i {
            margin-right: 8px;
        }
    </style>
</head>
<body>
    <h1>欢迎来到我的导航站</h1>
    <ul class="nav-links">
        <li><a href="https://www.google.com" target="_blank"><i class="fab fa-google"></i>Google</a></li>
        <li><a href="https://www.youtube.com" target="_blank"><i class="fab fa-youtube"></i>YouTube</a></li>
        <li><a href="https://www.tiktok.com" target="_blank"><i class="fab fa-tiktok"></i>TikTok</a></li>
        <li><a href="https://www.facebook.com" target="_blank"><i class="fab fa-facebook"></i>Facebook</a></li>
        <li><a href="https://www.twitter.com" target="_blank"><i class="fab fa-twitter"></i>Twitter</a></li>
        <li><a href="https://www.wikipedia.org" target="_blank"><i class="fab fa-wikipedia-w"></i>维基百科</a></li>
        <li><a href="https://www.github.com" target="_blank"><i class="fab fa-github"></i>GitHub</a></li>
        <li><a href="https://www.stackoverflow.com" target="_blank"><i class="fab fa-stack-overflow"></i>Stack Overflow</a></li>
    </ul>
</body>
</html>
